/* login page */


#kite {
    -webkit-animation: myfirst 5s linear 2s infinite alternate; /* Chrome, Safari, Opera */
    animation: myfirst 5s linear 2s infinite alternate;
}

/* Standard syntax */
@keyframes myfirst {
     0%   {left:900px;  top: -300px;}
    25%  {left:1000px; top: -200px;}
    75%  {top: -250px}
    100% {top: -150px;}
    
}


#cloud{
    -webkit-animation: myfirst1 5s linear 2s infinite alternate; /* Chrome, Safari, Opera */
    animation: myfirst1 5s linear 2s infinite alternate;
}

/* Standard syntax */
@keyframes myfirst1 {
   
    0%  {left:20px; top: -260px;}
    50% {left:0px;  top: -250px;}
    
}
	

	#kite{width:15%;
    position:  relative;
    left: 900px;
    top: -300px; }
    
    
#cloud{width:90%;
    position:  relative;
    left: -50px;
    top: -200px; 
    }



.container {
	width: 300px;
	z-index: 10;
	padding-top: 40px;
}

/* The white background content wrapper */
.container>.content {
	background-color: #fff;
	padding: 20px;
	margin: 0 -20px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .15);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
}


.login-form {
	margin-left: 65px;
}

/* legend { */
/* 	margin-right: -50px; */
/* 	font-weight: bold; */
/* 	color: #404040; */
/* } */

/* button */
.btn-primary {
	background-color: #33657E !important;
	border-color: #33657E;
}

#changeLanguage{
	float: right;
	margin-right: 5px;
}
